<Page [ngClass]="'list'" [title]="'List'" [subTitle]="'列表'" [spacing]="false">
  <div class="weui-cells__title">带说明的列表项</div>
  <div class="weui-cells">
    <div class="weui-cell">
      <div class="weui-cell__bd">
        <p>标题文字</p>
      </div>
      <div class="weui-cell__ft">说明文字</div>
    </div>
    <div class="weui-cell weui-cell_swiped" weui-swipe>
      <div class="weui-cell__bd">
        <div class="weui-cell">
          <div class="weui-cell__bd">
            <p>标题文字</p>
          </div>
          <div class="weui-cell__ft">向左滑动试试</div>
        </div>
      </div>
      <div class="weui-cell__ft">
        <a class="weui-swiped-btn weui-swiped-btn_warn" href="javascript:">删除</a>
      </div>
    </div>
    <div class="weui-cell weui-cell_swiped" weui-swipe weui-width="178">
      <div class="weui-cell__bd">
        <div class="weui-cell">
          <div class="weui-cell__bd">
            <p>标题文字</p>
          </div>
          <div class="weui-cell__ft">向左滑动试试多个按钮</div>
        </div>
      </div>
      <div class="weui-cell__ft">
        <a class="weui-swiped-btn weui-swiped-btn_warn" href="javascript:">删除</a>
        <a class="weui-swiped-btn weui-swiped-btn_default" href="javascript:">移入收藏夹</a>
      </div>
    </div>
  </div>
  <div class="weui-cells__title">带图标、说明的列表项</div>
  <div class="weui-cells">
    <div class="weui-cell">
      <div class="weui-cell__hd">
        <img
          src=""
          alt="" style="width:20px;margin-right:5px;display:block" />
      </div>

      <div class="weui-cell__bd">
        <p>标题文字</p>
      </div>
      <div class="weui-cell__ft">说明文字</div>
    </div>
    <div class="weui-cell">
      <div class="weui-cell__hd">
        <img
          src=""
          alt="" style="width:20px;margin-right:5px;display:block" />
      </div>

      <div class="weui-cell__bd">
        <p>标题文字</p>
      </div>
      <div class="weui-cell__ft">说明文字</div>
    </div>
  </div>
  <div class="weui-cells__title">带跳转的列表项</div>
  <div class="weui-cells">
    <a class="weui-cell weui-cell_access" href="javascript:;">
      <div class="weui-cell__bd">
        <p>cell standard</p>
      </div>
      <div class="weui-cell__ft"></div>
    </a>
    <a class="weui-cell weui-cell_access" href="javascript:;">
      <div class="weui-cell__bd">
        <p>cell standard</p>
      </div>
      <div class="weui-cell__ft"></div>
    </a>
  </div>
  <div class="weui-cells__title">带说明、跳转的列表项</div>
  <div class="weui-cells">
    <a class="weui-cell weui-cell_access" href="javascript:;">
      <div class="weui-cell__bd">
        <p>cell standard</p>
      </div>
      <div class="weui-cell__ft">说明文字</div>
    </a>
    <a class="weui-cell weui-cell_access" href="javascript:;">
      <div class="weui-cell__bd">
        <p>cell standard</p>
      </div>
      <div class="weui-cell__ft">说明文字</div>
    </a>
  </div>
  <div class="weui-cells__title">带图标、说明、跳转的列表项</div>
  <div class="weui-cells">
    <a class="weui-cell weui-cell_access" href="javascript:;">
      <div class="weui-cell__hd">
        <img
          src=""
          alt="" style="width:20px;margin-right:5px;display:block" />
      </div>

      <div class="weui-cell__bd">
        <p>cell standard</p>
      </div>
      <div class="weui-cell__ft">说明文字</div>
    </a>
    <a class="weui-cell weui-cell_access" href="javascript:;">
      <div class="weui-cell__hd">
        <img
          src=""
          alt="" style="width:20px;margin-right:5px;display:block" />
      </div>

      <div class="weui-cell__bd">
        <p>cell standard</p>
      </div>
      <div class="weui-cell__ft">说明文字</div>
    </a>
  </div>
</Page>
